<!DOCTYPE html>
<html>

	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<meta content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" name="viewport">
		<meta content="yes" name="apple-mobile-web-app-capable" />
		<meta content="black" name="apple-mobile-web-app-status-bar-style" />
		<meta content="telephone=no" name="format-detection" />
		<title>首页</title>
		<link rel="stylesheet" type="text/css" href="css/base.css">
		<link rel="stylesheet" type="text/css" href="css/common.css">
		<script type="text/javascript" src="js/jquery.min.js"></script>
		<script src="js/common.js"></script>
		<!--banner 脚本-->
		<script src="js/TouchSlide.1.1.js"></script>
		<!--banner 脚本-->
	</head>

	<body>

		<!--header-end-->

		<div class="container" id="container">

			<div class="header-bot-item">
				<em></em>
				<h2>XX网logo</h2>
				<!--<span class="tel"></span>-->
			</div>

			<!--Banner-->
			<div class="banner" id="index-banner">
				<div class="banner-pics">
					<ul class="banner-pics-list OnSale-banner">
						<li>
							<a href="javascript:void(0)" class="link-a"><img src="images/car-img.jpg" alt="" /></a>
						</li>
						<li>
							<a href="javascript:void(0)" class="link-a"><img src="images/car-img.jpg" alt="" /></a>
						</li>
						<li>
							<a href="javascript:void(0)" class="link-a"><img src="images/ind-banner.jpg" alt="" /></a>
						</li>
					</ul>
				</div>
				<ul class="banner-tit">
					<li class="on"></li>
					<li></li>
					<li></li>
				</ul>
			</div>

			<!--信息查询开始-->
			<div class="ind-nav ind-nav1">
				<div class="ind-tit">
					<h2>信息查询</h2>
				</div>
				<ul class="clearfix">
					<li>
						<div>
							<a href="javascript:void(0)" class="link-a" content="stock-list.html"><i><img src="images/wyaz.png"></i><em>库存查询</em></a>
						</div>
					</li>
					<li>
						<div>
							<a href="javascript:void(0)" class="link-a" content="sale-list.html?type=1"><i><img src="images/djaz.png"></i><em>销量单据查询</em></a>
						</div>
					</li>
					<li>
						<div>
							<a href="javascript:void(0)" class="link-a" content="other2.html"><i><img src="images/dbaz.png"></i><em>XX查询</em></a>
						</div>
					</li>
					<li>
						<div>
							<a href="javascript:void(0)" class="link-a" content="other2.html"><i><img src="images/ymaz.png"></i><em>XX查询</em></a>
						</div>
					</li>
					<li>
						<div>
							<a href="javascript:void(0)" class="link-a" content="other2.html"><i><img src="images/xczx.png"></i><em>XX查询</em></a>
						</div>
					</li>
					<li>
						<div>
							<a href="javascript:void(0)" class="link-a" class="more"><i><img src="images/more.png"></i><em>更多</em></a>
						</div>
					</li>
				</ul>

			</div>
			<!--信息查询结束-->
			<!--其他开始-->
			<div class="ind-nav ind-nav2">
				<div class="ind-tit">
					<h2>其他</h2>
				</div>
				<ul class="clearfix">
					<li>
						<div>
							<a href="javascript:void(0)" class="link-a" content="other2.html"><i><img src="images/jjwx.png"></i><em>XX其他</em></a>
						</div>
					</li>
					<li>
						<div>
							<a href="javascript:void(0)" class="link-a" content="other2.html"><i><img src="images/wywx.png"></i><em>XX其他</em></a>
						</div>
					</li>
					<li>
						<div>
							<a href="javascript:void(0)" class="link-a" content="other2.html"><i><img src="images/mbxf.png"></i><em>XX其他</em></a>
						</div>
					</li>
					<li>
						<div>
							<a href="javascript:void(0)" class="link-a" content="other2.html"><i><img src="images/djwx.png"></i><em>XX其他</em></a>
						</div>
					</li>
					<li>
						<div>
							<a href="javascript:void(0)" class="link-a" content="other2.html"><i><img src="images/xczx.png"></i><em>XX其他</em></a>
						</div>
					</li>
					<li>
						<div>
							<a href="javascript:void(0)" class="link-a" class="more"><i><img src="images/more.png"></i><em>更多</em></a>
						</div>
					</li>
				</ul>
			</div>
			<!--其他结束-->

		</div>
		<!--container-end-->

		<!--栏目更多-->
		<script type="text/javascript">
			TouchSlide({
				slideCell: "#index-banner",
				titCell: ".banner-tit li", //开启自动分页 autoPage:true ，此时设置 titCell 为导航元素包裹层
				mainCell: ".banner-pics-list",
				effect: "left",
				autoPlay: true, //自动播放
				//autoPage:true, //自动分页
			})
			$(".ind-nav").each(function() {
				var self = $(this);
				var n = self.find("ul li").length;
				if(n <= 8) {
					self.find(".more").addClass("hide-more");
				} else {
					self.find(".more").removeClass("hide-more");
				}
				self.find(".more").click(function() {
					self.find("ul").toggleClass("intro");
					self.find(".more").toggleClass("add-more");
				});
			});
			$(".link-a").click(function(){
				location.href=$(this).attr("content");
			});
		</script>
		<!--栏目更多-->
	</body>

</html>